/* Fil d'ariane */
.breadcrumb-list2 {
    /*   padding: 15px 0;*/
    padding: 10px 15px 0px 15px ;
    display: flex;
    align-items: center;
    justify-content: center;/* centre les hyperlien dans le bloc*/
    gap: 10px;
    flex-wrap: wrap;
    background: #eff3ed;
    max-width: 90%;   
  box-shadow: 0 3px 6px rgba(7, 0, 0, 0.4);/*ombrage*/
  border: 1px solid #ddd;
  border-radius: 8px;
}

.breadcrumb-centrer {       
    display: flex; 
    justify-content: center; /* Centre horizontalement le contenu */
}

.breadcrumb a {/* Centre horizontalement le contenu */
    text-decoration: none;
    color: #3498db;
}

.breadcrumb a:hover {
    text-decoration: underline;
}

.breadcrumb-separator {
    color: #999;
}

/*
 <!--    Css\List_inline_2.css         -->
            <nav class="breadcrumb-list2">
                <a href="#accueil"> <span class="icon-loupe">🔍</span> Accueil</a>
                <span class="breadcrumb-separator">|</span>
                <a href="#services"><span class="icon-loupe">🔍</span> Services</a>
                <span class="breadcrumb-separator">|</span>
                <span><span class="icon-loupe">🔍</span> Page actuelle</span>
            </nav>

*/